UX/UI-Design

In der digitalen Welt ist die Benutzeroberfläche einer Plattform die zentrale Verbindung zwischen User:innen und Unternehmen. Entsprechend wichtig ist es, die Benutzeroberfläche (User Interface) visuell und funktionell so zu gestalten, dass das Nutzererlebnis (User Experience) User:innen auch zu Kund:innen macht.

User Experience und User Interface. UX und UI.

Was ist UX-Design?

User Experience Design (UX-Design) beschäftigt sich mit der Entwicklung und Optimierung anwenderfreundlicher Erfahrungen von Nutzer:innen bei der Interaktion mit einem digitalen Produkt. Es geht also darum, das gesamte Erlebnis vor, während und nach der Nutzung einer digitalen Anwendung so angenehm wie möglich zu gestalten.

Warum UX-Design?

Mit Sicherheit hatten auch Sie schon eine schlechte User Experience auf einer Website oder in einer App. An irgendeiner Stelle wurden Ihre Bedürfnisse und Erwartungen an die Anwendung nicht erfüllt und Sie haben im schlimmsten Fall die Plattform verlassen. Das System hat es nicht geschafft, Sie so bequem und schnell wie möglich an Ihr gewünschtes Ziel zu bringen. Mit unserer UX-Design-Expertise werden wir genau das bei Ihren Kund:innen verhindern.

Was ist UI-Design?

User Interface Design (UI-Design) legt seinen Fokus auf die visuelle Umsetzung digitaler Plattformen. Es geht also darum, alle optischen und interaktiven Elemente einer Benutzeroberfläche (z.B. Bilder, Typografie, Farben) so zu gestalten, dass Sie die Markenbotschaft eines Unternehmens transportieren, die Nutzer:innen ästhetisch ansprechen und sie intuitiv durch die Anwendung leiten.

Warum UI-Design?

Es gibt verschiedene Gründe, die dafür sprechen, eine digitale Plattform durch UI-Design zu optimieren. Möglicherweise stehen Sie noch ganz am Anfang und müssen Ihren Markenauftritt noch gänzlich entwickeln oder Ihr aktuelles Design ist einfach nicht mehr zeitgemäß. Auch kann es sein, dass Ihr Markenauftritt nicht (mehr) zu Ihrer Marke passt oder nicht vollständig über alle Kommunikationskanäle hinweg klar und konsistent durchgezogen ist. UI-Design hat die Aufgabe, die Lücke zu schließen, die Ihr visueller Auftritt aufweist.

UX

UI

Unser UX/UI-Workflow.

Jedes Projekt ist anders und bei elio passen wir uns stets den Bedürfnissen unserer Kund:innen an. Damit Sie dennoch eine erste Vorstellung davon bekommen, welche Phasen wir in der Regel durchlaufen, haben wir Ihnen unseren idealtypischen Workflow abgebildet.

01

Vision

In einem ersten Schritt analysieren wir gemeinsam mit Ihnen Ihre Vision und machen uns ein Bild über Ihre sämtlichen Anforderungen.

02

Konzeption

Auf Basis der Vision ermitteln wir geeignete Lösungen, geben Ihrem Projekt eine Struktur und konzeptionieren erste Skizzen.

03

Design

Anhand der Konzeption machen wir uns an die grafische Ausgestaltung. Dabei berücksichtigen wir ergonomische Standards und evaluieren unsere Ausarbeitungen mit dem Technik-Team.

04

Implementierung

Nach erfolgreicher Design- und Testingphase übergeben wir unser Design im finalen Schritt an unsere Entwickler:innen zur programmiertechnischen Umsetzung.

Unsere Methoden.

Für die Umsetzung Ihrer Projektanforderungen greifen wir auf bewährte und auch innovative Methoden zurück. Entdecken Sie im Folgenden die verschiedenen Bausteine unserer Arbeit im Bereich UX/UI.

UX und UI.

UX-Workshops

Kontextanalyse

User Stories & Mapping

Nutzerinterviews

Fragebögen (Quantitativ vs. Qualitativ)

Personas

Nutzerszenarien / Use Cases

Card Sorting

Usability-Analyse / “UX-Audit”

Webtraffic/-metrik Analyse

Digitale Wireframes

User Flow

Low-Fi/Hi-Fi-Design

Prototyping

Interaktionsdesign

Barrierefreiheit

Responsive Design

Moodboards

Design Manual / Style Guide

Icon Design

Grafikdesign

Illustration

Auszug erfolgreicher UX/UI-Projekte.

Cube

Yours Truly Haircare

memo AG

Dictum

Kontaktieren Sie uns gerne. Wir freuen uns auf Ihre Nachricht.

Ihr Ansprechpartner.

Sie haben Fragen rund zur User Experience, zum User Interface oder zu elio im Allgemeinen? Melden Sie sich bei Pascal Koch. Er hilft Ihnen gerne weiter.

Pascal Koch +49 (0)6403 - 7794 - 0